<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
	<meta name="format-detection" content="telphone=no, email=no, address=no"/>
	<meta name="renderer" content="webkit">
</head>
<style>
	*{
		margin: 0;padding: 0;
	}
	html{
		font-size: 20px;
	}
	.icon{
		display: block;
		width: 5rem;
		height: 5rem;
/*		background-image: url('menu.svg');*/
/*		background-size: 20rem auto;*/
		-webkit-mask:url('menu.svg') no-repeat;
		mask: url(menu.svg) no-repeat;
	   -webkit-mask-size: 20rem auto;
	   mask-size: 20rem auto;
	  background-color: red;
	}
	.mall{
		-webkit-mask-position: 0 0;
	}
	.time{
		-webkit-mask-position: -5rem 0;
	}
</style>
<body>
	<i class="icon mall"></i><i class="icon time"></i>
</body>
</html>